.tweet {
  padding: var(--space-200) var(--space-200) var(--space-100);
  border-radius: var(--border-radius);
  background-color: var(--color-gray-1);
}
.tweet + .tweet {
  margin-top: var(--space-100);
}

.tweet__meta {
  overflow: hidden;
  padding: var(--space-050) 0 var(--space-100);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-sm);
}

.tweet__author a,
.tweet__date a {
  display: block;
  padding-top: var(--space-050);
}

.tweet__author,
.tweet__date,
.tweet__author-photo,
.tweet__name,
.tweet__handle {
  float: left;
}

.tweet__author a:after {
  margin: 0 var(--space-050);
  color: var(--color-gray-4);
  content: '·';
}
.tweet__name {
  margin-left: var(--space-050);
  color: var(--color-white);
  font-weight: var(--font-weight-bold);
}
.tweet__handle {
  margin-left: var(--space-050);
  color: var(--color-gray-4);
}
a:hover .tweet__handle {
  color: var(--color-white);
}

.tweet__date a {
  color: var(--color-gray-4);
}
.tweet__date a:hover {
  color: var(--color-white);
}
